import React, { useState } from 'react'
import { Input,Button } from 'antd-mobile'
function Index() {
    const user_id = 1;
    const server_id = 7788;
  
    const ws = new WebSocket(
      `ws:124.221.74.149:8003/koa/ws?user_id=${user_id}&server_id=${server_id}`
    );
   let [message,setMessage]=useState('')
  return (
    <div>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <p> <img src="https://cdn.apifox.com/app/project-icon/builtin/20.jpg" alt=""  style={{width:'50px'}}/> 试试</p>
        <div className='kk'>
        <Input
          placeholder='请输入内容'
          value={message}
          onChange={val => {
            setMessage(val)
          }}
        />
        <Button color='primary' fill='solid'>
            发送
          </Button>
        </div>
    
    </div>

  )
}

export default Index
